div#gridLinks > ul, menu.infoBar > div.upload, body::before {
  opacity: 0;
  pointer-events: none; }

div#gridLinks > ul.visible, body.edit menu.infoBar > div.upload, body.initLoading::before, body.loading::before {
  opacity: 1;
  pointer-events: auto; }

@keyframes rotator {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(270deg); } }

@keyframes dash {
  0% {
    stroke-dashoffset: 100.53096; }
  50% {
    stroke-dashoffset: 25.13274;
    transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 100.53096;
    transform: rotate(450deg); } }

svg.loading {
  position: relative;
  display: block;
  width: 36px;
  height: 36px;
  animation: rotator 1.5s linear infinite; }
  svg.loading > circle {
    stroke-dasharray: 100.53096;
    stroke-dashoffset: 0;
    transform-origin: center;
    stroke: "%colorScheme";
    animation: dash 1.5s ease-in-out infinite; }

body.dark svg.loading > circle {
  stroke: "%textColor"; }

body.highContrast:not(.dark) svg.loading > circle {
  stroke: "%textColor"; }

div.checkbox {
  position: relative;
  cursor: pointer; }
  div.checkbox > input[type='checkbox'] {
    display: none; }
  div.checkbox[data-style="default"] {
    width: 20px;
    height: 20px; }
    div.checkbox[data-style="default"]::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-mask: no-repeat center/22px;
      background-color: "%textColor"; }
    div.checkbox[data-style="default"]::before {
      transition: -webkit-mask 0.3s, background-color 0.3s; }
    div.checkbox[data-style="default"][data-type='checkbox']::before {
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-checkbox-inactive.svg); }
    div.checkbox[data-style="default"][data-type='radio']::before {
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-radio-inactive.svg); }
    div.checkbox[data-style="default"]::after {
      content: "";
      position: absolute;
      top: calc(50% - 1px);
      left: calc(50% - 1px);
      width: 2px;
      height: 2px;
      border-radius: 50%;
      pointer-events: none;
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
      transition: background 0.2s, box-shadow 0.2s, opacity 0.5s;
      opacity: 0.2; }
    div.checkbox[data-style="default"].focus::after, div.checkbox[data-style="default"].clicked::after {
      background: rgba(0, 0, 0, 0.5);
      box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.5); }
    div.checkbox[data-style="default"].clicked::after {
      opacity: 0; }
    div.checkbox[data-style="default"].active::before {
      background-color: "%colorScheme"; }
    div.checkbox[data-style="default"].active[data-type='checkbox']::before {
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-checkbox.svg); }
    div.checkbox[data-style="default"].active[data-type='radio']::before {
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-radio.svg); }
    div.checkbox[data-style="default"].active::after {
      box-shadow: 0 0 0 0 "%colorScheme"; }
    div.checkbox[data-style="default"].active.focus::after, div.checkbox[data-style="default"].active.clicked::after {
      background: "%colorScheme";
      box-shadow: 0 0 0 20px "%colorScheme"; }
  div.checkbox[data-style="switch"] {
    width: 32px;
    height: 14px;
    transition: padding-left 0.2s, opacity 0.2s; }
    div.checkbox[data-style="switch"]::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 14px;
      background: rgba(0, 0, 0, 0.2);
      transition: background 0.2s, opacity 0.2s; }
    div.checkbox[data-style="switch"]::after {
      content: "";
      position: relative;
      display: block;
      top: -3px;
      left: -3px;
      width: 20px;
      height: 20px;
      background-color: #fff;
      transition: background-color 0.2s;
      box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
      border-radius: 50%; }
    div.checkbox[data-style="switch"].active {
      padding-left: 18px; }
      div.checkbox[data-style="switch"].active::before {
        opacity: 0.4; }
      div.checkbox[data-style="switch"].active::before, div.checkbox[data-style="switch"].active::after {
        background-color: "%colorScheme"; }

html[dir='rtl'] div.checkbox[data-style="switch"] {
  transition: padding-right 0.2s, opacity 0.2s; }
  html[dir='rtl'] div.checkbox[data-style="switch"]::after {
    left: unset;
    right: -3px;
    box-shadow: -1px 1px 7px rgba(0, 0, 0, 0.4); }
  html[dir='rtl'] div.checkbox[data-style="switch"].active {
    padding-left: unset;
    padding-right: 18px; }

body.highContrast:not(.dark) div.checkbox[data-style="default"].active::before {
  background-color: "%textColor"; }

body.highContrast:not(.dark) div.checkbox[data-style="default"].active::after {
  box-shadow: 0 0 0 0 "%textColor"; }

body.highContrast:not(.dark) div.checkbox[data-style="default"].active.focus::after, body.highContrast:not(.dark) div.checkbox[data-style="default"].active.clicked::after {
  background: "%textColor";
  box-shadow: 0 0 0 20px "%textColor"; }

body.highContrast:not(.dark) div.checkbox[data-style="switch"].active::before, body.highContrast:not(.dark) div.checkbox[data-style="switch"].active::after {
  background-color: "%textColor"; }

body.dark div.checkbox[data-style="default"]::after {
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); }

body.dark div.checkbox[data-style="default"].focus::after, body.dark div.checkbox[data-style="default"].clicked::after {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.5); }

body.dark div.checkbox[data-style="default"].active::before {
  background-color: "%textColor"; }

body.dark div.checkbox[data-style="default"].active::after {
  box-shadow: 0 0 0 0 "%textColor"; }

body.dark div.checkbox[data-style="default"].active.focus::after, body.dark div.checkbox[data-style="default"].active.clicked::after {
  background: "%textColor";
  box-shadow: 0 0 0 20px "%textColor"; }

body.dark div.checkbox[data-style="switch"]::before {
  background: rgba(255, 255, 255, 0.15); }

body.dark div.checkbox[data-style="switch"]::after {
  background-color: #aaa; }

body.dark div.checkbox[data-style="switch"].active::before, body.dark div.checkbox[data-style="switch"].active::after {
  background-color: #fff; }

*, *::after, *::before {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body, input, textarea, select, button {
  font-size: 14px;
  font-family: "%fontFamily", sans-serif;
  color: "%textColor";
  font-weight: "%fontWeightNormal"; }

ul, menu {
  list-style: none; }

strong {
  font-weight: "%fontWeightBold"; }

a {
  color: "%textColor";
  text-decoration: none; }

div#gridLinks {
  margin: 50px auto 0;
  text-align: center; }
  div#gridLinks.hidden {
    display: none; }
  div#gridLinks > ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    text-align: left;
    width: min-content;
    margin: auto;
    transition: opacity 0.2s; }
    div#gridLinks > ul > li {
      position: relative;
      display: block;
      font-size: 90%;
      font-weight: "%fontWeightMedium";
      padding: 17px 0; }
      div#gridLinks > ul > li > a {
        display: block;
        margin: 0 auto;
        padding: 5px 0 0 0;
        width: 145px;
        text-align: center;
        border-radius: 5px;
        transition: background 0.3s; }
        div#gridLinks > ul > li > a[data-value="empty"] {
          visibility: hidden; }
        div#gridLinks > ul > li > a > div {
          position: relative;
          width: 52px;
          height: 52px;
          padding: 15px;
          margin: 0 auto 5px;
          background: #fff;
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
          border: 1px solid rgba(0, 0, 0, 0.1);
          border-radius: 50%;
          transition: border-color 0.3s, box-shadow 0.3s; }
          div#gridLinks > ul > li > a > div > img {
            display: block;
            width: 100%; }
        div#gridLinks > ul > li > a > span {
          display: block;
          padding: 5px 7px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden; }
        div#gridLinks > ul > li > a:hover {
          background: #e5e5e5; }
          div#gridLinks > ul > li > a:hover > div {
            border-color: rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15); }

form#search.hidden ~ div#gridLinks {
  margin-top: 0; }

body.customBackground div#gridLinks > ul > li > a:hover {
  background: rgba(255, 255, 255, 0.3); }

body.customBackground div#gridLinks > ul > li > a > div {
  background: rgba(255, 255, 255, 0.8); }

body.customBackground div#gridLinks > ul > li > a > span {
  color: #fff;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7); }

html[dir='rtl'] div#gridLinks > ul {
  text-align: right; }

body.dark div#gridLinks > ul > li > a > div {
  background: #4d4d4d; }

body.dark div#gridLinks > ul > li > a:hover {
  background: rgba(77, 77, 77, 0.5); }
  body.dark div#gridLinks > ul > li > a:hover > div {
    border-color: rgba(255, 255, 255, 0.03);
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3); }

body.dark.customBackground div#gridLinks > ul > li > a:hover {
  background: rgba(77, 77, 77, 0.4); }

body.dark.customBackground div#gridLinks > ul > li > a > div {
  background: rgba(61, 61, 61, 0.7); }

body.dark.customBackground div#gridLinks > ul > li > a > span {
  color: "%textColor";
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); }

section#content > nav {
  position: absolute;
  top: 10px;
  right: 20px;
  padding-left: 32px; }
  section#content > nav > ul {
    display: flex;
    flex-flow: row wrap; }
    section#content > nav > ul > li {
      position: relative;
      display: inline-block;
      text-align: center;
      margin-bottom: 5px; }
      section#content > nav > ul > li > a {
        position: relative;
        color: "%textColor";
        display: block;
        cursor: pointer;
        padding: 7px 10px;
        border-radius: 20px;
        white-space: nowrap;
        transition: background 0.3s; }
        section#content > nav > ul > li > a:hover {
          background: #e5e5e5; }
  section#content > nav[data-pos='left'] {
    left: 20px;
    right: unset;
    padding-left: 0;
    padding-right: 32px; }
    section#content > nav[data-pos='left'] > ul {
      flex-direction: row-reverse; }

body.customBackground section#content > nav > ul > li {
  margin: 0 2px 5px; }
  body.customBackground section#content > nav > ul > li > a {
    background: rgba(242, 242, 242, 0.8); }

html[dir='rtl'] section#content > nav > ul {
  flex-direction: row-reverse; }

html[dir='rtl'] section#content > nav[data-pos='left'] > ul {
  flex-direction: row; }

body.dark section#content > nav > ul > li > a:hover {
  background: #4d4d4d; }

body.dark.customBackground section#content > nav > ul > li > a {
  background: rgba(61, 61, 61, 0.7); }

form#search {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 650px;
  padding: 0 10px;
  height: 54px; }
  form#search.hidden {
    display: none; }
  form#search > input[type='text'] {
    width: 100%;
    height: 100%;
    border-radius: 27px;
    padding: 0 90px 0 30px;
    border: none;
    outline: none;
    font-size: 125%;
    background: #fff;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); }
    form#search > input[type='text']::-webkit-input-placeholder {
      color: "%textColor";
      opacity: 0.7; }
    form#search > input[type='text']::-moz-placeholder {
      color: "%textColor";
      opacity: 0.7; }
  form#search > button, form#search > a {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    outline: none;
    border: none;
    background: none;
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.3s; }
    form#search > button:hover, form#search > a:hover {
      background: #f2f2f2; }
  form#search > button[type="submit"] {
    right: 15px;
    width: calc(54px - 8px);
    height: calc(54px - 8px); }
    form#search > button[type="submit"]::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-mask: no-repeat center/26px;
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-search.svg);
      background-color: #aaa; }
  form#search > a.speechSearch {
    right: 60px;
    width: calc(54px - 20px);
    height: calc(54px - 20px); }
    form#search > a.speechSearch::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-mask: no-repeat center/20px;
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-speech.svg);
      background-color: #aaa; }
  form#search > ul.suggestions {
    position: absolute;
    width: calc(100% - 20px);
    padding: 55px 20px 0;
    pointer-events: none;
    filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.1));
    z-index: 2; }
    form#search > ul.suggestions > li {
      position: relative;
      background: #fff;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      pointer-events: auto;
      font-size: 110%;
      padding: 6px 10px 6px 30px;
      transition: background 0.1s; }
      form#search > ul.suggestions > li::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/16px;
        background-color: #aaa; }
      form#search > ul.suggestions > li::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: -1; }
      form#search > ul.suggestions > li > span {
        display: block;
        margin: 3px 0 0 0;
        font-size: 70%;
        color: #aaa;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
      form#search > ul.suggestions > li.active {
        cursor: pointer;
        background: "%hoverColor" !important; }
      form#search > ul.suggestions > li::before {
        width: 16px;
        height: 16px;
        left: 7px;
        top: 7px; }
      form#search > ul.suggestions > li[data-type='url']::before {
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-web.svg); }
      form#search > ul.suggestions > li[data-type='bookmark']::before {
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-bookmark.svg); }
      form#search > ul.suggestions > li[data-type='history']::before {
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-history.svg);
        -webkit-mask-size: 18px; }
      form#search > ul.suggestions > li[data-type='word']::before {
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-search.svg); }
  form#search.listening > input[type='text'] {
    pointer-events: none;
    font-style: italic;
    color: transparent;
    text-shadow: 0 0 0 gray; }
  form#search.listening > a.speechSearch {
    right: 20px; }
    form#search.listening > a.speechSearch::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-mask: no-repeat center/20px;
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-close.svg);
      background-color: #aaa; }
  form#search.listening > ul.suggestions, form#search.listening > button[type="submit"] {
    display: none; }

body.customBackground form#search > input[type='text'] {
  background: rgba(255, 255, 255, 0.8); }

body.customBackground form#search > button[type="submit"]::before, body.customBackground form#search > a.speechSearch::before {
  background-color: #848484; }

html[dir='rtl'] form#search > input[type='text'] {
  padding: 0 30px 0 55px;
  box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.2); }

html[dir='rtl'] form#search > button[type="submit"] {
  left: 15px;
  right: unset; }

html[dir='rtl'] form#search > a.speechSearch {
  left: 60px;
  right: unset; }

html[dir='rtl'] form#search > ul.suggestions > li {
  padding-right: 30px;
  padding-left: 10px; }
  html[dir='rtl'] form#search > ul.suggestions > li::before {
    left: unset;
    right: 7px; }

html[dir='rtl'] form#search.listening > a.speechSearch {
  left: 20px;
  right: unset; }

body.dark form#search > input[type='text'] {
  background: #4d4d4d; }

body.dark form#search > button[type="submit"]:hover, body.dark form#search > a.speechSearch:hover {
  background: #5a5a5a; }

body.dark form#search > ul.suggestions {
  filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.1)); }
  body.dark form#search > ul.suggestions > li {
    background: #4d4d4d; }
    body.dark form#search > ul.suggestions > li::after {
      background: #4d4d4d; }

body.dark.customBackground form#search > input[type='text'] {
  background: rgba(61, 61, 61, 0.7); }

body.dark.customBackground form#search > button[type="submit"]::before, body.dark.customBackground form#search > a.speechSearch::before {
  background: #aaa; }

div#fallbackInfo {
  position: relative;
  width: 100%;
  max-width: 650px;
  padding: 15px 40px;
  margin: 25px 0 20px 0;
  display: none; }
  div#fallbackInfo::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask: no-repeat center/24px;
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);
    background-color: #aaa; }
  div#fallbackInfo::before {
    top: 15px;
    left: 10px;
    width: 24px;
    height: 24px; }
  div#fallbackInfo.active {
    display: block; }
  div#fallbackInfo > h2 {
    font-weight: "%fontWeightNormal";
    font-size: 140%; }
  div#fallbackInfo > p {
    font-weight: "%fontWeightNormal";
    color: #aaa;
    font-size: 120%;
    margin: 7px 0 25px 0; }
  div#fallbackInfo > a {
    font-weight: "%fontWeightMedium";
    cursor: pointer;
    color: "%colorScheme";
    font-size: 110%; }
  div#fallbackInfo > div {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.1); }
    div#fallbackInfo > div > div.checkbox {
      display: inline-block; }
      div#fallbackInfo > div > div.checkbox + span {
        display: inline-block;
        vertical-align: top;
        margin: -1px 0 0 15px; }

body.customBackground div#fallbackInfo {
  background: rgba(255, 255, 255, 0.8); }

html[dir='rtl'] div#fallbackInfo::before {
  right: 10px;
  left: unset; }

html[dir='rtl'] div#fallbackInfo > div > div.checkbox + span {
  margin-right: 15px;
  margin-left: 0; }

body.highContrast:not(.dark) div#fallbackInfo > a {
  color: "%textColor"; }

body.dark div#fallbackInfo > a {
  color: "%textColor"; }

body.dark.customBackground div#fallbackInfo {
  background: rgba(61, 61, 61, 0.7); }

menu.infoBar > div.upload > span.premium, body.edit div#gridLinks > div[data-type='gridsize'] > span.premium {
  position: relative;
  display: inline-block;
  font-size: 90%;
  height: 26px;
  line-height: 26px;
  padding: 0 4px 0 22px;
  vertical-align: top;
  color: #fff;
  background: "%textColor"; }
  menu.infoBar > div.upload > span.premium::before, body.edit div#gridLinks > div[data-type='gridsize'] > span.premium::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask: no-repeat center/14px;
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-premium.svg);
    background-color: #fff; }
  menu.infoBar > div.upload > span.premium::after, body.edit div#gridLinks > div[data-type='gridsize'] > span.premium::after {
    content: "";
    position: absolute;
    top: 5px;
    right: -16px;
    border: 8px solid transparent;
    border-left-color: "%textColor"; }
  menu.infoBar > div.upload > span.premium::before, body.edit div#gridLinks > div[data-type='gridsize'] > span.premium::before {
    -webkit-mask-position-x: 4px; }

body > a.edit {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 42px;
  height: 42px;
  display: block;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s; }
  body > a.edit::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask: no-repeat center/24px;
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-edit.svg);
    background-color: #aaa; }
  body > a.edit:hover {
    background: #e5e5e5; }

menu.infoBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: "%textColor";
  padding: 15px 20px;
  transition: transform 0.5s;
  transform: translate3d(0, 60px, 0);
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  menu.infoBar > a {
    display: block;
    cursor: pointer; }
    menu.infoBar > a.save {
      background: #fff;
      padding: 4px 8px;
      font-weight: "%fontWeightMedium";
      font-size: 100%;
      border-radius: 5px;
      box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5); }
    menu.infoBar > a.cancel {
      color: #fff;
      margin: 0 20px;
      padding: 5px 3px; }
  menu.infoBar > div.upload {
    position: absolute;
    top: -60px;
    right: 20px;
    transform: translate3d(0, 30px, 0);
    transition: transform 0.5s, opacity 0.5s; }
    menu.infoBar > div.upload > a.remove {
      position: relative;
      display: none;
      background: #fff;
      box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
      border-radius: 50%;
      width: 32px;
      height: 32px;
      cursor: pointer; }
      menu.infoBar > div.upload > a.remove::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/18px;
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-delete.svg);
        background-color: "%textColor"; }
    menu.infoBar > div.upload > div {
      position: relative;
      overflow: hidden;
      display: inline-block;
      background: #fff;
      padding: 0 8px;
      margin: 0 0 0 10px;
      height: 32px;
      line-height: 32px;
      font-weight: "%fontWeightMedium";
      font-size: 100%;
      border-radius: 5px;
      box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2); }
      menu.infoBar > div.upload > div > span {
        position: relative;
        padding: 0 3px 0 28px; }
        menu.infoBar > div.upload > div > span::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          -webkit-mask: no-repeat center/20px;
          -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-screenshot.svg);
          background-color: "%textColor"; }
        menu.infoBar > div.upload > div > span::before {
          -webkit-mask-position-x: 0; }
      menu.infoBar > div.upload > div > input[type='file'] {
        position: absolute;
        top: 0;
        left: -900%;
        width: 1000%;
        height: 100%;
        cursor: pointer;
        outline: none; }
    menu.infoBar > div.upload > span.premium {
      margin: 2px 0 0 10px; }

div.editLinkTooltip {
  position: absolute;
  text-align: left;
  background: #fff;
  filter: drop-shadow(0 3px 10px rgba(0, 0, 0, 0.1));
  padding: 10px;
  bottom: -170px;
  right: -10px;
  height: 160px;
  width: 250px;
  border-radius: 3px;
  z-index: 9; }
  div.editLinkTooltip::before {
    content: "";
    position: absolute;
    top: -20px;
    right: 20px;
    width: 0;
    border: 10px solid transparent;
    border-bottom-color: #fff; }
  div.editLinkTooltip > label {
    font-weight: "%fontWeightMedium";
    display: block; }
  div.editLinkTooltip > input[type='text'] {
    outline: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: transparent;
    display: block;
    width: 100%;
    margin: 3px 0 10px;
    padding: 5px; }
    div.editLinkTooltip > input[type='text']:focus {
      border-color: rgba(0, 0, 0, 0.25); }
  div.editLinkTooltip > button[type='submit'] {
    border: none;
    outline: none;
    background: none;
    color: "%colorScheme";
    font-weight: "%fontWeightMedium";
    cursor: pointer;
    float: right;
    margin-top: 3px; }
    div.editLinkTooltip > button[type='submit'][data-type="delete"] {
      float: left;
      color: #aaa; }

body[data-pos='right'] > a.edit {
  right: auto;
  left: 20px; }

body[data-pos='right'] menu.infoBar {
  justify-content: flex-start; }
  body[data-pos='right'] menu.infoBar > a.save {
    order: 1; }
  body[data-pos='right'] menu.infoBar > a.cancel {
    order: 2; }
  body[data-pos='right'] menu.infoBar > div.upload {
    right: unset;
    left: 20px; }
    body[data-pos='right'] menu.infoBar > div.upload > a.remove {
      float: right; }
    body[data-pos='right'] menu.infoBar > div.upload > div {
      margin: 0 10px 0 0; }
    body[data-pos='right'] menu.infoBar > div.upload > span.premium {
      margin-left: 0;
      margin-right: 10px;
      float: right; }
      body[data-pos='right'] menu.infoBar > div.upload > span.premium::after {
        right: unset;
        left: -16px;
        border-left-color: transparent;
        border-right-color: "%textColor"; }
      body[data-pos='right'] menu.infoBar > div.upload > span.premium::before {
        -webkit-mask-position-x: 4px; }

body.customBackground menu.infoBar > div.upload > a.remove {
  display: inline-block; }

body.customBackground > a.edit {
  background: rgba(242, 242, 242, 0.8); }
  body.customBackground > a.edit::before {
    background-color: #848484; }

body.edit > a.edit {
  display: none; }

body.edit select.edit {
  display: block;
  background: #fff;
  height: 25px;
  margin: 0 auto;
  border-radius: 10px;
  padding: 0 7px;
  border: none;
  outline: none;
  cursor: pointer;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); }

body.edit menu.infoBar {
  transform: translate3d(0, 0, 0); }
  body.edit menu.infoBar > div.upload {
    transform: translate3d(0, 0, 0); }

body.edit section#content {
  height: calc(100vh - 60px); }
  body.edit section#content > nav select.edit {
    margin-top: 15px; }
  body.edit section#content > nav > a.add {
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    background: #f2f2f2;
    transition: background 0.3s;
    border-radius: 50%;
    cursor: pointer; }
    body.edit section#content > nav > a.add::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-mask: no-repeat center/20px;
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-add.svg);
      background-color: #aaa; }
    body.edit section#content > nav > a.add:hover {
      background: #e5e5e5; }
  body.edit section#content > nav > ul > li > a {
    border: 2px dashed #aaa;
    padding-top: 5px;
    padding-bottom: 21px;
    border-radius: 10px;
    font-size: 90%;
    margin-left: 3px;
    margin-right: 3px;
    min-width: 50px; }
    body.edit section#content > nav > ul > li > a::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-mask: no-repeat center/14px;
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-edit.svg);
      background-color: #aaa; }
    body.edit section#content > nav > ul > li > a::before {
      height: 16px;
      bottom: 3px;
      top: unset; }
    body.edit section#content > nav > ul > li > a:hover {
      background: rgba(0, 0, 0, 0.05); }
    body.edit section#content > nav > ul > li > a.dragHover {
      opacity: 0.3; }
  body.edit section#content > nav[data-pos='left'] > a.add {
    right: 0;
    left: unset; }
  body.edit section#content > nav[data-pos='left'] > ul > li div.editLinkTooltip {
    left: -10px;
    right: unset; }
    body.edit section#content > nav[data-pos='left'] > ul > li div.editLinkTooltip::before {
      left: 20px;
      right: unset; }

body.edit form#search.hidden {
  display: block; }
  body.edit form#search.hidden > input[type='text'] {
    opacity: 0.5; }
  body.edit form#search.hidden > div[data-name='searchSuggest'] {
    opacity: 0.5; }

body.edit form#search > select.edit {
  margin-top: -56px;
  margin-bottom: 31px; }

body.edit form#search > div[data-name='searchSuggest'] {
  position: absolute;
  top: -25px;
  width: 100%;
  text-align: center; }
  body.edit form#search > div[data-name='searchSuggest'] > div.checkbox {
    display: inline-block; }
    body.edit form#search > div[data-name='searchSuggest'] > div.checkbox::before {
      -webkit-mask-size: 18px; }
    body.edit form#search > div[data-name='searchSuggest'] > div.checkbox + span {
      font-size: 90%;
      font-weight: "%fontWeightMedium";
      vertical-align: top;
      display: inline-block;
      margin: 3px 20px 0 5px; }

body.edit form#search > input[type='text'] {
  padding-right: 125px; }

body.edit form#search > button[type="submit"], body.edit form#search > a.speechSearch {
  display: none; }

body.edit form#search > a.edit {
  right: 20px;
  width: calc(54px - 14px);
  height: calc(54px - 14px); }
  body.edit form#search > a.edit::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask: no-repeat center/22px;
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-edit.svg);
    background-color: #aaa; }

body.edit div#gridLinks {
  margin-top: 25px !important; }
  body.edit div#gridLinks > select.edit {
    display: inline-block;
    margin: 0 7px; }
  body.edit div#gridLinks > div[data-type='gridsize'] {
    display: inline-block;
    margin: 0 10px; }
    body.edit div#gridLinks > div[data-type='gridsize'] > strong {
      font-weight: "%fontWeightNormal";
      margin: 0 5px 0 0; }
    body.edit div#gridLinks > div[data-type='gridsize'] > span {
      margin: 0 3px; }
    body.edit div#gridLinks > div[data-type='gridsize'] > select.edit {
      display: inline-block;
      padding: 0;
      height: 22px;
      font-size: 90%; }
    body.edit div#gridLinks > div[data-type='gridsize'] > span.premium {
      margin: -2px 0 0 14px; }
      body.edit div#gridLinks > div[data-type='gridsize'] > span.premium::after {
        transform: scale(-1);
        left: -16px;
        right: unset; }
    body.edit div#gridLinks > div[data-type='gridsize'].premium > select.edit {
      color: #aaa;
      box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
      opacity: 0.7;
      cursor: not-allowed; }
      body.edit div#gridLinks > div[data-type='gridsize'].premium > select.edit > option {
        display: none; }
  body.edit div#gridLinks[data-type="custom"] > ul > li div.editLinkTooltip {
    bottom: -125px;
    left: -52px;
    right: unset; }
    body.edit div#gridLinks[data-type="custom"] > ul > li div.editLinkTooltip::before {
      left: 0;
      right: 0;
      margin: auto; }
  body.edit div#gridLinks[data-type="custom"] > ul > li > a {
    visibility: visible;
    border: 2px solid transparent; }
    body.edit div#gridLinks[data-type="custom"] > ul > li > a > * {
      pointer-events: none; }
    body.edit div#gridLinks[data-type="custom"] > ul > li > a > div {
      box-shadow: none;
      border: 2px dashed #aaa;
      background: transparent;
      cursor: pointer;
      transition: background 0.3s; }
      body.edit div#gridLinks[data-type="custom"] > ul > li > a > div::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/18px;
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-edit.svg);
        background-color: #aaa; }
      body.edit div#gridLinks[data-type="custom"] > ul > li > a > div > img {
        visibility: hidden; }
    body.edit div#gridLinks[data-type="custom"] > ul > li > a:hover > div {
      background: rgba(0, 0, 0, 0.05); }
    body.edit div#gridLinks[data-type="custom"] > ul > li > a.dragHover {
      border: 2px dashed #aaa; }
      body.edit div#gridLinks[data-type="custom"] > ul > li > a.dragHover > * {
        opacity: 0.3; }
    body.edit div#gridLinks[data-type="custom"] > ul > li > a[data-value='empty'] > div::before {
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-add.svg); }

body.edit.customBackground select.edit {
  background: rgba(255, 255, 255, 0.8); }

body.edit.customBackground.edit div#gridLinks > div[data-type='gridsize'] {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  padding: 2px 8px 1px 10px;
  margin: 0 7px; }

body.edit.customBackground.edit div#gridLinks[data-type="custom"] > ul > li > a > div {
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.8);
  border-color: "%textColor"; }
  body.edit.customBackground.edit div#gridLinks[data-type="custom"] > ul > li > a > div::before {
    background: "%textColor"; }

body.edit.customBackground.edit div#gridLinks[data-type="custom"] > ul > li > a:hover > div {
  background: rgba(255, 255, 255, 0.9); }

body.edit.customBackground.edit div#gridLinks[data-type="custom"] > ul > li > a.dragHover {
  border-color: #fff; }
  body.edit.customBackground.edit div#gridLinks[data-type="custom"] > ul > li > a.dragHover > * {
    opacity: 0.5; }

body.edit.customBackground.edit section#content > nav > a.add::before {
  background: "%textColor"; }

body.edit.customBackground.edit section#content > nav > ul > li > a {
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.8);
  border-color: "%textColor"; }
  body.edit.customBackground.edit section#content > nav > ul > li > a::before {
    background: "%textColor"; }
  body.edit.customBackground.edit section#content > nav > ul > li > a:hover {
    background: rgba(255, 255, 255, 0.9); }
  body.edit.customBackground.edit section#content > nav > ul > li > a.dragHover {
    opacity: 0.5; }

html[dir='rtl'] menu.infoBar {
  justify-content: flex-start; }
  html[dir='rtl'] menu.infoBar > a.save {
    order: 1; }
  html[dir='rtl'] menu.infoBar > a.cancel {
    order: 2; }
  html[dir='rtl'] menu.infoBar > div.upload > a.remove {
    float: left; }
  html[dir='rtl'] menu.infoBar > div.upload > div > span {
    padding-right: 28px;
    padding-left: 3px; }
    html[dir='rtl'] menu.infoBar > div.upload > div > span::before {
      transform: scaleX(-1); }
  html[dir='rtl'] menu.infoBar > div.upload > div > input[type='file'] {
    left: unset;
    right: -900%; }
  html[dir='rtl'] menu.infoBar > div.upload > span.premium {
    float: left;
    padding-right: 22px;
    padding-left: 4px; }
    html[dir='rtl'] menu.infoBar > div.upload > span.premium::before {
      transform: scaleX(-1); }

html[dir='rtl'] div.editLinkTooltip {
  text-align: right; }
  html[dir='rtl'] div.editLinkTooltip > button[type='submit'] {
    float: left; }
    html[dir='rtl'] div.editLinkTooltip > button[type='submit'][data-type="delete"] {
      float: right; }

html[dir='rtl'] body[data-pos='right'] menu.infoBar {
  justify-content: flex-end; }
  html[dir='rtl'] body[data-pos='right'] menu.infoBar > a.save {
    order: 2; }
  html[dir='rtl'] body[data-pos='right'] menu.infoBar > a.cancel {
    order: 1; }
  html[dir='rtl'] body[data-pos='right'] menu.infoBar > div.upload > a.remove {
    float: right; }
  html[dir='rtl'] body[data-pos='right'] menu.infoBar > div.upload > span.premium {
    float: right; }

html[dir='rtl'] body.edit form#search > input[type='text'] {
  padding-right: 30px;
  padding-left: 125px; }

html[dir='rtl'] body.edit form#search > div[data-name='searchSuggest'] > div.checkbox + span {
  margin-right: 5px;
  margin-left: 20px; }

html[dir='rtl'] body.edit form#search > a.edit {
  left: 20px;
  right: unset; }

html[dir='rtl'] body.edit div#gridLinks > div[data-type='gridsize'] > strong {
  margin-left: 5px;
  margin-right: 0; }

html[dir='rtl'] body.edit div#gridLinks > div[data-type='gridsize'] > span.premium {
  margin-left: 0;
  margin-right: 14px; }
  html[dir='rtl'] body.edit div#gridLinks > div[data-type='gridsize'] > span.premium::after {
    transform: none;
    left: unset;
    right: -16px; }

html[dir='rtl'] body.edit select.edit {
  box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.1); }

html[dir='rtl'] body.edit.customBackground div#gridLinks > div[data-type='gridsize'] {
  padding-right: 10px;
  padding-left: 8px; }

body.dark menu.infoBar {
  background: #4d4d4d; }
  body.dark menu.infoBar > a.save {
    color: #4d4d4d; }
  body.dark menu.infoBar > div.upload > a.remove {
    background: #4d4d4d; }
  body.dark menu.infoBar > div.upload > div {
    background: #4d4d4d; }
  body.dark menu.infoBar > div.upload > span.premium {
    background: #4d4d4d; }
    body.dark menu.infoBar > div.upload > span.premium::after {
      border-left-color: #4d4d4d; }

body.dark > a.edit:hover {
  background: #4d4d4d; }

body.dark div.editLinkTooltip {
  background: #4d4d4d;
  filter: drop-shadow(0 3px 10px rgba(0, 0, 0, 0.2));
  transform: translate3d(0, 3px, 0); }
  body.dark div.editLinkTooltip::before {
    border-bottom-color: #4d4d4d; }
  body.dark div.editLinkTooltip > input[type='text'] {
    border-color: rgba(255, 255, 255, 0.2); }
    body.dark div.editLinkTooltip > input[type='text']:focus {
      border-color: rgba(255, 255, 255, 0.4); }
  body.dark div.editLinkTooltip > button[type='submit'] {
    color: #aaa; }
    body.dark div.editLinkTooltip > button[type='submit'][data-type="delete"] {
      color: rgba(170, 170, 170, 0.6); }

body.dark.edit section#content > nav select.edit {
  background: #5a5a5a; }

body.dark.edit section#content > nav a.add {
  background: #3d3d3d; }
  body.dark.edit section#content > nav a.add:hover {
    background: #4d4d4d; }

body.dark.edit form#search > select {
  background: #5a5a5a; }
  body.dark.edit form#search > select.edit {
    background: #5a5a5a; }

body.dark.edit form#search > a.edit:hover {
  background: #5a5a5a; }

body.dark.edit div#gridLinks select {
  background: #5a5a5a; }

body.dark.edit div#gridLinks > div[data-type='gridsize'] > span.premium {
  background: #4d4d4d; }
  body.dark.edit div#gridLinks > div[data-type='gridsize'] > span.premium::after {
    border-left-color: #4d4d4d; }

body.dark.customBackground > a.edit {
  background-color: rgba(61, 61, 61, 0.7); }
  body.dark.customBackground > a.edit::before {
    background-color: #aaa; }

body.dark.customBackground.edit form#search > select.edit {
  background: rgba(61, 61, 61, 0.7); }

body.dark.customBackground.edit div#gridLinks > select {
  background: rgba(61, 61, 61, 0.7); }

body.dark.customBackground.edit div#gridLinks > div[data-type='gridsize'] {
  background: rgba(61, 61, 61, 0.7); }

body.dark.customBackground.edit div#gridLinks[data-type="custom"] > ul > li > a > div {
  background: rgba(61, 61, 61, 0.7);
  box-shadow: 0 0 0 3px rgba(61, 61, 61, 0.7); }

body.dark.customBackground.edit div#gridLinks[data-type="custom"] > ul > li > a:hover > div {
  background: rgba(61, 61, 61, 0.7); }

body.dark.customBackground.edit div#gridLinks[data-type="custom"] > ul > li > a.dragHover {
  border-color: "%textColor"; }

body.dark.customBackground.edit section#content > nav > ul > li > a {
  background: rgba(61, 61, 61, 0.7);
  box-shadow: 0 0 0 3px rgba(61, 61, 61, 0.7); }
  body.dark.customBackground.edit section#content > nav > ul > li > a:hover {
    background: rgba(61, 61, 61, 0.7); }

body.dark[data-pos='right'] menu.infoBar > div.upload > span.premium::after {
  border-left-color: transparent;
  border-right-color: #4d4d4d; }

body {
  width: 100vw;
  height: 100vh;
  background-color: #f2f2f2;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden; }
  body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f2f2f2;
    transition: opacity 0.3s;
    z-index: 98; }
  body.loading::before {
    background: rgba(255, 255, 255, 0.9); }
  body > svg.loading {
    position: fixed;
    display: block !important;
    top: calc(50% - 18px);
    left: calc(50% - 18px);
    z-index: 99; }

section#content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  transition: height 0.5s; }
  section#content.small {
    width: calc(100vw - %sidebarWidth);
    margin-left: "%sidebarWidth"; }
    section#content.small ~ iframe#redeviation-bs-sidebar:not(.redeviation-bs-hover) {
      width: "%sidebarWidth"; }
  section#content > section.mid {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    pointer-events: none; }
    section#content > section.mid > * {
      pointer-events: auto; }

body[data-pos='right'] section#content.small {
  margin-left: 0; }

body.dark {
  background-color: #3d3d3d; }
  body.dark::before {
    background: #3d3d3d; }
  body.dark.loading::before {
    background: rgba(0, 0, 0, 0.8); }
